<template>
  <div id='clause'>
    <com-head :opacity='0'>平台规则</com-head>
    <div class="navimg"  @click="shownav"><img class="img" src="../assets/image/navall.png"></div>
    <div class="content" v-html="content"></div>
  </div>
</template>

<script>
export default {
  name: "clause",
  data() {
    return {
      content: ''
    };
  },

  computed: {},

  created() {},

  mounted() {
    this.loading()
  },

  methods: {
    loading() {
      this.axios
        .post("apiindex/guize", {
          token: this.token()
        })
        .then(({ data }) => {
          
          if (data.code === "200") {
            this.content = data.data;
          } else if (data.code === "204") {
            this.$bus.$emit("toast", data.data);
          }
        })
        .catch(error => {
          console.log(error);
        });
    },
    shownav() {
      this.$bus.$emit("navlist");
    }
  }
};
</script>
<style lang='scss'>
#clause {
  .icon-fanhui1 {
    display: none;
  }
  .navimg {
    width: 140px;
    height: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    img {
      display: block;
      margin-left: 42px;
      margin-top: 25px;
      width: 43px;
      height: 33px;
    }
  }
  .content {
    padding: 0 32px;
    box-sizing: border-box;
  }
}
</style>